@dfds-ui/react-components 2.0.24-alpha.71c1c34f → 2.0.24-alpha.e06bd8a5

package/cjs/common/arrow.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = arrow;
+var _react = require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function px(size) {
+  return `${size}px`;
+}
+
+// currently limited positions
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "abcix4",
+  styles: "top:0"
+} : {
+  name: "14pv8fd-arrow",
+  styles: "top:0;label:arrow;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "f16dz6",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
+} : {
+  name: "ejf7mr-base",
+  styles: "position:absolute;display:inline-block;content:'';width:0;height:0;label:base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function arrow(size, color, offset = 20, position = 'top-right') {
+  const degToRad = x => {
+    return x / 180 * Math.PI;
+  };
+  const calculatedSize = Math.sin(degToRad(45)) * size;
+  const shadow = 8;
+  const base = _ref2;
+  return /*#__PURE__*/(0, _react.css)("::before{", base, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);box-shadow:0 0 ", px(shadow), " 0 rgba(0, 0, 0, 0.12);background-color:", color, ";}>div{position:relative;padding:5px 0;border-radius:2px;background-color:", color, ";::before{", base, " ", position.includes('bottom') && _ref, " ", position.includes('top') ? 'bottom' : 'top', ":", px(-calculatedSize), ";", position.includes('left') ? 'left' : 'right', ":", px(offset), ";border:", px(calculatedSize), " solid;border-color:", color, " ", color, " transparent transparent;transform:rotate(-45deg);pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:arrow;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/cjs/common/emotionCloneElement.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// https://github.com/emotion-js/emotion/issues/1404
+const emotionCloneElement = (element, config, ...children) => {
+  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
+    key: element.key !== null ? element.key : undefined,
+    ref: element.ref
+  }, element.props), config), ...children);
+};
+var _default = emotionCloneElement;
+exports.default = _default;

package/cjs/common/intent.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIntentColor = getIntentColor;
+exports.getIntentTextColor = getIntentTextColor;
+var _theme = require("@dfds-ui/theme");
+function getIntentColor(intent = 'info', muted = false) {
+  switch (intent) {
+    case 'none':
+      return _theme.theme.colors.surface.secondary;
+    case 'info':
+      return muted ? _theme.theme.colors.status.infomuted : _theme.theme.colors.status.info;
+    case 'critical':
+      return muted ? _theme.theme.colors.status.alertmuted : _theme.theme.colors.status.alert;
+    case 'success':
+      return muted ? _theme.theme.colors.status.successmuted : _theme.theme.colors.status.success;
+    case 'warning':
+      return muted ? _theme.theme.colors.status.warningmuted : _theme.theme.colors.status.warning;
+  }
+}
+function getIntentTextColor(intent) {
+  switch (intent) {
+    case 'none':
+      return _theme.theme.colors.text.dark.primary;
+    case 'info':
+    case 'critical':
+    case 'success':
+    case 'warning':
+      return _theme.theme.colors.text.light.primary;
+  }
+}

package/cjs/common/miniMoize.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.miniMoize = miniMoize;
+// memoization function inspired by moize. Can only remember last value
+function miniMoize(fn) {
+  let cache = null;
+  let cacheArgs = null;
+  function wrapper() {
+    if (cacheArgs && eq(arguments)) {
+      return cache;
+    }
+    cache = fn(...arguments);
+    cacheArgs = arguments;
+    return cache;
+  }
+  function eq(arg) {
+    if (arg.length !== cacheArgs.length) {
+      return false;
+    }
+    for (let i = 0; i < arg.length; i++) {
+      if (arg[i] !== cacheArgs[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return wrapper;
+}

package/cjs/common/polymorphic.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRenderAs = withRenderAs;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // TODO: Move this to future core package
+// TODO: Consider changing to this pattern:
+// https://blog.andrewbran.ch/polymorphic-react-components/
+// https://github.com/kripod/react-polymorphic-box
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+function withRenderAs(PolymorphicComponent, RenderComponent) {
+  const Component = _ref => {
+    let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+    return (0, _react2.jsx)(PolymorphicComponent, _extends({
+      as: RenderComponent
+    }, props));
+  };
+  return Component;
+}

package/cjs/common/use-media.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMedia;
+var _react = require("react");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// from https://github.com/gragland/usehooks
+
+function useMedia(queries, values, defaultValue) {
+  // Array containing a media query list for each query
+  const mediaQueryLists = typeof window !== 'undefined' ? queries.map(q => window.matchMedia(q)) : [];
+
+  // Function that gets value based on matching media query
+  const getValue = () => {
+    // Get index of first media query that matches
+    const index = mediaQueryLists.findIndex(mql => mql.matches);
+    // Return related value or defaultValue if none
+    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+  };
+
+  // State and setter for matched value
+  const _useState = (0, _react.useState)(getValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  (0, _react.useEffect)(() => {
+    // Event listener callback
+    // Note: By defining getValue outside of useEffect we ensure that it has ...
+    // ... current values of hook args (as this hook only runs on mount/dismount).
+    const handler = () => setValue(getValue);
+    // Set a listener for each media query with above handler as callback.
+    mediaQueryLists.forEach(mql => mql.addListener(handler));
+    // Remove listeners on cleanup
+    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Empty array ensures effect is only run on mount and unmount
+
+  return value;
+}

package/cjs/common/useOnClickOutside.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOnClickOutside;
+var _react = require("react");
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const MOUSEDOWN = 'mousedown';
+const TOUCHSTART = 'touchstart';
+const events = [MOUSEDOWN, TOUCHSTART];
+function useOnClickOutside(ref, handler) {
+  const isBrowser = typeof document !== 'undefined';
+  if (!isBrowser) {
+    return;
+  }
+  const handlerRef = useLatest(handler);
+  (0, _react.useEffect)(() => {
+    if (!handler) {
+      return;
+    }
+    const listener = event => {
+      if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
+        return;
+      }
+      handlerRef.current(event);
+    };
+    events.forEach(event => {
+      document.addEventListener(event, listener);
+    });
+    return () => {
+      events.forEach(event => {
+        document.removeEventListener(event, listener);
+      });
+    };
+  }, [!handler]);
+}
+function useLatest(value) {
+  const ref = (0, _react.useRef)(value);
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  });
+  return ref;
+}

package/cjs/common/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ie11MinHeightFix = ie11MinHeightFix;
+exports.onlyChrome = onlyChrome;
+exports.onlyIE = onlyIE;
+var _react = require("@emotion/react");
+function ie11MinHeightFix(minHeight) {
+  if (typeof minHeight === 'undefined') {
+    return undefined;
+  }
+  return /*#__PURE__*/(0, _react.css)(onlyIE`
+      &:before {
+        content: '';
+        height: ${minHeight};
+      }`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
+}
+function onlyIE(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}
+function onlyChrome(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/cjs/counter/Counter.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Counter = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@dfds-ui/icons/system");
+var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const StyledCounter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs64"
+} : {
+  target: "eef4fs64",
+  label: "StyledCounter"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vnpef9",
+  styles: "align-items:center;display:inline-flex;padding:15px 0;margin:0;svg{fill:#68b2e3;color:#68b2e3;}"
+} : {
+  name: "vnpef9",
+  styles: "align-items:center;display:inline-flex;padding:15px 0;margin:0;svg{fill:#68b2e3;color:#68b2e3;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledIconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs63"
+} : {
+  target: "eef4fs63",
+  label: "StyledIconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "19lovq7",
+  styles: "width:25px;height:25px;cursor:pointer;user-select:none"
+} : {
+  name: "19lovq7",
+  styles: "width:25px;height:25px;cursor:pointer;user-select:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const LabelContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs62"
+} : {
+  target: "eef4fs62",
+  label: "LabelContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "knu4ba",
+  styles: "margin-left:20px;margin-right:20px"
+} : {
+  name: "knu4ba",
+  styles: "margin-left:20px;margin-right:20px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledInput = /*#__PURE__*/(0, _base.default)("input", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs61"
+} : {
+  target: "eef4fs61",
+  label: "StyledInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ddcdjt",
+  styles: "border:1px solid #d8dad9;width:40px;height:40px;margin:0 10px;text-align:center;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0;}"
+} : {
+  name: "ddcdjt",
+  styles: "border:1px solid #d8dad9;width:40px;height:40px;margin:0 10px;text-align:center;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "19sqbed",
+  styles: "opacity:0.3"
+} : {
+  name: "903a59-IconToggler",
+  styles: "opacity:0.3;label:IconToggler;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY291bnRlci9Db3VudGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgUmVhY3ROb2RlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE51bWJlckRvd24sIE51bWJlclVwIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENvdW50ZXJQcm9wcyA9IHtcbiAgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmdcbiAgLyoqXG4gICAqIE1pbmltdW0gdmFsdWVcbiAgICovXG4gIG1pblZhbDogbnVtYmVyXG4gIC8qKlxuICAgKiBNYXhpbXVtIHZhbHVlXG4gICAqL1xuICBtYXhWYWw6IG51bWJlclxuICBkaXNhYmxlTWluPzogYm9vbGVhblxuICBkaXNhYmxlTWF4PzogYm9vbGVhblxuXG4gIC8qKlxuICAgKk5hbWUgb2YgdGhlIGlucHV0IGVsZW1lbnRcbiAgICovXG4gIG5hbWU/OiBzdHJpbmdcbiAgY3VycmVudFZhbD86IG51bWJlclxuICBpbml0aWFsVmFsPzogbnVtYmVyXG4gIC8qKlxuICAgKkNhbGxiYWNrIHdoZW4gdGhlIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIGV4ZWN1dGVPbkNoYW5nZT86IChhcmc6IG51bWJlcikgPT4gYW55XG59XG5cbmNvbnN0IFN0eWxlZENvdW50ZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMTVweCAwO1xuICBtYXJnaW46IDA7XG5cbiAgc3ZnIHtcbiAgICBmaWxsOiAjNjhiMmUzO1xuICAgIGNvbG9yOiAjNjhiMmUzO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMjVweDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuXG5jb25zdCBMYWJlbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5gXG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBib3JkZXI6IDFweCBzb2xpZCAjZDhkYWQ5O1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBtYXJnaW46IDAgMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBhcHBlYXJhbmNlOiB0ZXh0ZmllbGQgIWltcG9ydGFudDtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIENvdW50ZXJQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qgc3RhcnRWYWx1ZSA9IHByb3BzLmluaXRpYWxWYWwgPz8gcHJvcHMubWluVmFsXG4gIGNvbnN0IFtjb3VudGVyVmFsdWUsIHNldENvdW50ZXJWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wcy5jdXJyZW50VmFsID8/IHN0YXJ0VmFsdWUpXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvdW50ZXI+XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWluICYmIGNvdW50ZXJWYWx1ZSAtIDEgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1pbiB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1pblZhbH0+XG4gICAgICAgICAgPE51bWJlckRvd24gd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICB7cHJvcHMubGFiZWwgPyAoXG4gICAgICAgIDxMYWJlbENvbnRhaW5lcj57cHJvcHMubGFiZWx9PC9MYWJlbENvbnRhaW5lcj5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgIG5hbWU9e3Byb3BzLm5hbWUgPz8gJ2NvdW50ZXInfVxuICAgICAgICAgIHZhbHVlPXtjb3VudGVyVmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiB7XG4gICAgICAgICAgICBpZiAocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSA8PSBwcm9wcy5tYXhWYWwgJiYgcGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1heCAmJiBjb3VudGVyVmFsdWUgKyAxIDw9IHByb3BzLm1heFZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNYXggfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5tYXhWYWx9PlxuICAgICAgICAgIDxOdW1iZXJVcCB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvdW50ZXI+XG4gIClcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IENvdW50ZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const IconToggler = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs60"
+} : {
+  target: "eef4fs60",
+  label: "IconToggler"
+})(p => p.disable && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */"));
+const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var _props$initialVal, _props$currentVal, _props$name;
+  const startValue = (_props$initialVal = props.initialVal) !== null && _props$initialVal !== void 0 ? _props$initialVal : props.minVal;
+  const _useState = (0, _react.useState)((_props$currentVal = props.currentVal) !== null && _props$currentVal !== void 0 ? _props$currentVal : startValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    counterValue = _useState2[0],
+    setCounterValue = _useState2[1];
+  return (0, _react2.jsx)(StyledCounter, null, (0, _react2.jsx)(StyledIconContainer, {
+    onClick: () => {
+      if (!props.disableMin && counterValue - 1 >= props.minVal) {
+        setCounterValue(counterValue - 1);
+        if (props.executeOnChange) {
+          props.executeOnChange(counterValue - 1);
+        }
+      }
+    }
+  }, (0, _react2.jsx)(IconToggler, {
+    disable: props.disableMin || counterValue === props.minVal
+  }, (0, _react2.jsx)(_system.NumberDown, {
+    width: "100%",
+    height: "100%"
+  }))), props.label ? (0, _react2.jsx)(LabelContainer, null, props.label) : (0, _react2.jsx)(StyledInput, {
+    ref: ref,
+    tabIndex: 0,
+    type: "number",
+    name: (_props$name = props.name) !== null && _props$name !== void 0 ? _props$name : 'counter',
+    value: counterValue,
+    onChange: e => {
+      if (parseInt(e.target.value, 10) <= props.maxVal && parseInt(e.target.value, 10) >= props.minVal) {
+        setCounterValue(parseInt(e.target.value, 10));
+        if (props.executeOnChange) {
+          props.executeOnChange(parseInt(e.target.value, 10));
+        }
+      }
+    }
+  }), (0, _react2.jsx)(StyledIconContainer, {
+    onClick: () => {
+      if (!props.disableMax && counterValue + 1 <= props.maxVal) {
+        setCounterValue(counterValue + 1);
+        if (props.executeOnChange) {
+          props.executeOnChange(counterValue + 1);
+        }
+      }
+    }
+  }, (0, _react2.jsx)(IconToggler, {
+    disable: props.disableMax || counterValue === props.maxVal
+  }, (0, _react2.jsx)(_system.NumberUp, {
+    width: "100%",
+    height: "100%"
+  }))));
+});
+exports.Counter = Counter;
+var _default = Counter;
+exports.default = _default;

package/cjs/counter/PluralCounter.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _Counter = _interopRequireDefault(require("./Counter"));
+var _react2 = require("@emotion/react");
+const _excluded = ["singularLabel", "pluralLabel", "executeOnChange"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+//Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
+const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "er7oqr50"
+} : {
+  target: "er7oqr50",
+  label: "WidthFix"
+})(process.env.NODE_ENV === "production" ? {
+  name: "cpa19b",
+  styles: "visibility:hidden;height:0"
+} : {
+  name: "cpa19b",
+  styles: "visibility:hidden;height:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IENvdW50ZXIgZnJvbSAnLi9Db3VudGVyJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGx1cmFsQ291bnRlclByb3BzID0ge1xuICBtaW5WYWw6IG51bWJlclxuICBtYXhWYWw6IG51bWJlclxuICBjdXJyZW50VmFsPzogbnVtYmVyXG4gIGluaXRpYWxWYWw/OiBudW1iZXJcbiAgc2luZ3VsYXJMYWJlbDogc3RyaW5nXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGx1cmFsTGFiZWw6IHN0cmluZ1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG4vL0luc2VydCBwbHVyYWwgd2l0aCBtYXggdmFsdWUgYXMgaGlkZGVuIHRvIGVuc3VyZSByb3dzIGFyZSBhbGlnbmVkLiBBc3N1bWVzIHBsdXJhbCBpcyBsb25nZXIgdGhhbiBzaW5ndWxhci5cbmNvbnN0IFdpZHRoRml4ID0gc3R5bGVkLmRpdmBcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBoZWlnaHQ6IDA7XG5gXG5cbmNvbnN0IFBsdXJhbENvdW50ZXI6IEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBQbHVyYWxDb3VudGVyUHJvcHM+ID0gKFxuICB7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzLFxuICByZWZcbikgPT4ge1xuICBjb25zdCBMYWJlbCA9IChwOiB7IHZhbDogbnVtYmVyIH0pID0+IChcbiAgICA8ZGl2PlxuICAgICAge3AudmFsfSB7cC52YWwgPT09IDEgPyBzaW5ndWxhckxhYmVsIDogcGx1cmFsTGFiZWx9XG4gICAgICA8V2lkdGhGaXg+XG4gICAgICAgIHtyZXN0Lm1heFZhbH0ge3BsdXJhbExhYmVsfVxuICAgICAgPC9XaWR0aEZpeD5cbiAgICA8L2Rpdj5cbiAgKVxuXG4gIGNvbnN0IFtjdXJyZW50TGFiZWwsIHNldEN1cnJlbnRMYWJlbF0gPSB1c2VTdGF0ZSg8TGFiZWwgdmFsPXtyZXN0LmN1cnJlbnRWYWwgPz8gcmVzdC5pbml0aWFsVmFsID8/IHJlc3QubWluVmFsfSAvPilcbiAgY29uc3Qgb25DaGFuZ2UgPSAoczogbnVtYmVyKSA9PiB7XG4gICAgc2V0Q3VycmVudExhYmVsKDxMYWJlbCB2YWw9e3N9IC8+KVxuICAgIGlmIChleGVjdXRlT25DaGFuZ2UpIGV4ZWN1dGVPbkNoYW5nZShzKVxuICB9XG5cbiAgcmV0dXJuIDxDb3VudGVyIGV4ZWN1dGVPbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtjdXJyZW50TGFiZWx9IHsuLi5yZXN0fSByZWY9e3JlZn0+PC9Db3VudGVyPlxufVxuXG5leHBvcnQgZGVmYXVsdCBmb3J3YXJkUmVmKFBsdXJhbENvdW50ZXIpXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const PluralCounter = (_ref, ref) => {
+  var _ref2, _rest$currentVal;
+  let singularLabel = _ref.singularLabel,
+    pluralLabel = _ref.pluralLabel,
+    executeOnChange = _ref.executeOnChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const Label = p => (0, _react2.jsx)("div", null, p.val, " ", p.val === 1 ? singularLabel : pluralLabel, (0, _react2.jsx)(WidthFix, null, rest.maxVal, " ", pluralLabel));
+  const _useState = (0, _react.useState)((0, _react2.jsx)(Label, {
+      val: (_ref2 = (_rest$currentVal = rest.currentVal) !== null && _rest$currentVal !== void 0 ? _rest$currentVal : rest.initialVal) !== null && _ref2 !== void 0 ? _ref2 : rest.minVal
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentLabel = _useState2[0],
+    setCurrentLabel = _useState2[1];
+  const onChange = s => {
+    setCurrentLabel((0, _react2.jsx)(Label, {
+      val: s
+    }));
+    if (executeOnChange) executeOnChange(s);
+  };
+  return (0, _react2.jsx)(_Counter.default, _extends({
+    executeOnChange: onChange,
+    label: currentLabel
+  }, rest, {
+    ref: ref
+  }));
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(PluralCounter);
+exports.default = _default;

package/cjs/counter/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Counter", {
+  enumerable: true,
+  get: function get() {
+    return _Counter.default;
+  }
+});
+Object.defineProperty(exports, "PluralCounter", {
+  enumerable: true,
+  get: function get() {
+    return _PluralCounter.default;
+  }
+});
+var _Counter = _interopRequireDefault(require("./Counter"));
+var _PluralCounter = _interopRequireDefault(require("./PluralCounter"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }