@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a1ae8508

package/common/useOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+type Handler = (...args: any[]) => void;
+export default function useOnClickOutside(ref: React.RefObject<HTMLElement | null>, handler: Handler | null): void;
+export {};

package/common/useOnClickOutside.js

@@ -0,0 +1,39 @@
+/* eslint-disable @eslint-react/exhaustive-deps */
+/* eslint-disable @eslint-react/rules-of-hooks */
+import { useEffect, useRef } from 'react';
+var MOUSEDOWN = 'mousedown';
+var TOUCHSTART = 'touchstart';
+var events = [MOUSEDOWN, TOUCHSTART];
+export default function useOnClickOutside(ref, handler) {
+  var isBrowser = typeof document !== 'undefined';
+  if (!isBrowser) {
+    return;
+  }
+  var handlerRef = useLatest(handler);
+  useEffect(function () {
+    if (!handler) {
+      return;
+    }
+    var listener = function listener(event) {
+      if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
+        return;
+      }
+      handlerRef.current(event);
+    };
+    events.forEach(function (event) {
+      document.addEventListener(event, listener);
+    });
+    return function () {
+      events.forEach(function (event) {
+        document.removeEventListener(event, listener);
+      });
+    };
+  }, [!handler]);
+}
+function useLatest(value) {
+  var ref = useRef(value);
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref;
+}

package/common/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
+export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
+export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;

package/common/utils.js

@@ -0,0 +1,21 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css } from '@emotion/react';
+export function ie11MinHeightFix(minHeight) {
+  if (typeof minHeight === 'undefined') {
+    return undefined;
+  }
+  return /*#__PURE__*/css(onlyIE(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &:before {\n        content: '';\n        height: ", ";\n      }"])), minHeight), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
+}
+export function onlyIE(strings) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return /*#__PURE__*/css("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}
+export function onlyChrome(strings) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    args[_key2 - 1] = arguments[_key2];
+  }
+  return /*#__PURE__*/css("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/counter/Counter.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+export type CounterProps = {
+    label?: ReactNode | string;
+    /**
+     * Minimum value
+     */
+    minVal: number;
+    /**
+     * Maximum value
+     */
+    maxVal: number;
+    disableMin?: boolean;
+    disableMax?: boolean;
+    /**
+     *Name of the input element
+     */
+    name?: string;
+    currentVal?: number;
+    initialVal?: number;
+    /**
+     *Callback when the value changes
+     */
+    executeOnChange?: (arg: number) => any;
+    ref?: React.Ref<HTMLInputElement>;
+};
+export declare const Counter: (props: CounterProps) => React.JSX.Element;
+export default Counter;

package/counter/Counter.js

@@ -0,0 +1,140 @@
+import _styled from "@emotion/styled/base";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+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)."; }
+import React, { useState } from 'react';
+import { NumberDown, NumberUp } from '@dfds-ui/icons/system';
+import { css } from '@emotion/react';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var StyledCounter = /*#__PURE__*/_styled("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;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledIconContainer = /*#__PURE__*/_styled("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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var LabelContainer = /*#__PURE__*/_styled("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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledInput = /*#__PURE__*/_styled("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;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFTyIsImZpbGUiOiIuLi8uLi9zcmMvY291bnRlci9Db3VudGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE51bWJlckRvd24sIE51bWJlclVwIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENvdW50ZXJQcm9wcyA9IHtcbiAgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmdcbiAgLyoqXG4gICAqIE1pbmltdW0gdmFsdWVcbiAgICovXG4gIG1pblZhbDogbnVtYmVyXG4gIC8qKlxuICAgKiBNYXhpbXVtIHZhbHVlXG4gICAqL1xuICBtYXhWYWw6IG51bWJlclxuICBkaXNhYmxlTWluPzogYm9vbGVhblxuICBkaXNhYmxlTWF4PzogYm9vbGVhblxuXG4gIC8qKlxuICAgKk5hbWUgb2YgdGhlIGlucHV0IGVsZW1lbnRcbiAgICovXG4gIG5hbWU/OiBzdHJpbmdcbiAgY3VycmVudFZhbD86IG51bWJlclxuICBpbml0aWFsVmFsPzogbnVtYmVyXG4gIC8qKlxuICAgKkNhbGxiYWNrIHdoZW4gdGhlIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIGV4ZWN1dGVPbkNoYW5nZT86IChhcmc6IG51bWJlcikgPT4gYW55XG4gIHJlZj86IFJlYWN0LlJlZjxIVE1MSW5wdXRFbGVtZW50PlxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG5cbiAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbixcbiAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmBcblxuY29uc3QgSWNvblRvZ2dsZXIgPSBzdHlsZWQuZGl2PHsgZGlzYWJsZT86IGJvb2xlYW4gfT5gXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlICYmXG4gICAgY3NzYFxuICAgICAgb3BhY2l0eTogMC4zO1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgQ291bnRlciA9IChwcm9wczogQ291bnRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3Byb3BzLnJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENvdW50ZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var IconToggler = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs60"
+} : {
+  target: "eef4fs60",
+  label: "IconToggler"
+})(function (p) {
+  return p.disable && _ref;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFcUQiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */"));
+export var Counter = function Counter(props) {
+  var _props$initialVal, _props$currentVal, _props$name;
+  var startValue = (_props$initialVal = props.initialVal) !== null && _props$initialVal !== void 0 ? _props$initialVal : props.minVal;
+  var _useState = useState((_props$currentVal = props.currentVal) !== null && _props$currentVal !== void 0 ? _props$currentVal : startValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    counterValue = _useState2[0],
+    setCounterValue = _useState2[1];
+  return _jsxs(StyledCounter, {
+    children: [_jsx(StyledIconContainer, {
+      onClick: function onClick() {
+        if (!props.disableMin && counterValue - 1 >= props.minVal) {
+          setCounterValue(counterValue - 1);
+          if (props.executeOnChange) {
+            props.executeOnChange(counterValue - 1);
+          }
+        }
+      },
+      children: _jsx(IconToggler, {
+        disable: props.disableMin || counterValue === props.minVal,
+        children: _jsx(NumberDown, {
+          width: "100%",
+          height: "100%"
+        })
+      })
+    }), props.label ? _jsx(LabelContainer, {
+      children: props.label
+    }) : _jsx(StyledInput, {
+      ref: props.ref,
+      tabIndex: 0,
+      type: "number",
+      name: (_props$name = props.name) !== null && _props$name !== void 0 ? _props$name : 'counter',
+      value: counterValue,
+      onChange: function 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));
+          }
+        }
+      }
+    }), _jsx(StyledIconContainer, {
+      onClick: function onClick() {
+        if (!props.disableMax && counterValue + 1 <= props.maxVal) {
+          setCounterValue(counterValue + 1);
+          if (props.executeOnChange) {
+            props.executeOnChange(counterValue + 1);
+          }
+        }
+      },
+      children: _jsx(IconToggler, {
+        disable: props.disableMax || counterValue === props.maxVal,
+        children: _jsx(NumberUp, {
+          width: "100%",
+          height: "100%"
+        })
+      })
+    })]
+  });
+};
+export default Counter;

package/counter/PluralCounter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type PluralCounterProps = {
+    minVal: number;
+    maxVal: number;
+    currentVal?: number;
+    initialVal?: number;
+    singularLabel: string;
+    name?: string;
+    pluralLabel: string;
+    executeOnChange?: (arg: number) => any;
+    ref?: React.Ref<HTMLInputElement>;
+};
+declare const PluralCounter: ({ singularLabel, pluralLabel, executeOnChange, ...rest }: PluralCounterProps) => React.JSX.Element;
+export default PluralCounter;

package/counter/PluralCounter.js

@@ -0,0 +1,65 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["singularLabel", "pluralLabel", "executeOnChange"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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)."; }
+import React, { useState } from 'react';
+import Counter from './Counter';
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+//Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
+var WidthFix = /*#__PURE__*/_styled("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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBDb3VudGVyIGZyb20gJy4vQ291bnRlcidcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG50eXBlIFBsdXJhbENvdW50ZXJQcm9wcyA9IHtcbiAgbWluVmFsOiBudW1iZXJcbiAgbWF4VmFsOiBudW1iZXJcbiAgY3VycmVudFZhbD86IG51bWJlclxuICBpbml0aWFsVmFsPzogbnVtYmVyXG4gIHNpbmd1bGFyTGFiZWw6IHN0cmluZ1xuICBuYW1lPzogc3RyaW5nXG4gIHBsdXJhbExhYmVsOiBzdHJpbmdcbiAgZXhlY3V0ZU9uQ2hhbmdlPzogKGFyZzogbnVtYmVyKSA9PiBhbnlcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxJbnB1dEVsZW1lbnQ+XG59XG5cbi8vSW5zZXJ0IHBsdXJhbCB3aXRoIG1heCB2YWx1ZSBhcyBoaWRkZW4gdG8gZW5zdXJlIHJvd3MgYXJlIGFsaWduZWQuIEFzc3VtZXMgcGx1cmFsIGlzIGxvbmdlciB0aGFuIHNpbmd1bGFyLlxuY29uc3QgV2lkdGhGaXggPSBzdHlsZWQuZGl2YFxuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIGhlaWdodDogMDtcbmBcblxuY29uc3QgUGx1cmFsQ291bnRlciA9ICh7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzKSA9PiB7XG4gIGNvbnN0IExhYmVsID0gKHA6IHsgdmFsOiBudW1iZXIgfSkgPT4gKFxuICAgIDxkaXY+XG4gICAgICB7cC52YWx9IHtwLnZhbCA9PT0gMSA/IHNpbmd1bGFyTGFiZWwgOiBwbHVyYWxMYWJlbH1cbiAgICAgIDxXaWR0aEZpeD5cbiAgICAgICAge3Jlc3QubWF4VmFsfSB7cGx1cmFsTGFiZWx9XG4gICAgICA8L1dpZHRoRml4PlxuICAgIDwvZGl2PlxuICApXG5cbiAgY29uc3QgW2N1cnJlbnRMYWJlbCwgc2V0Q3VycmVudExhYmVsXSA9IHVzZVN0YXRlKDxMYWJlbCB2YWw9e3Jlc3QuY3VycmVudFZhbCA/PyByZXN0LmluaXRpYWxWYWwgPz8gcmVzdC5taW5WYWx9IC8+KVxuICBjb25zdCBvbkNoYW5nZSA9IChzOiBudW1iZXIpID0+IHtcbiAgICBzZXRDdXJyZW50TGFiZWwoPExhYmVsIHZhbD17c30gLz4pXG4gICAgaWYgKGV4ZWN1dGVPbkNoYW5nZSkgZXhlY3V0ZU9uQ2hhbmdlKHMpXG4gIH1cblxuICByZXR1cm4gPENvdW50ZXIgZXhlY3V0ZU9uQ2hhbmdlPXtvbkNoYW5nZX0gbGFiZWw9e2N1cnJlbnRMYWJlbH0gey4uLnJlc3R9PjwvQ291bnRlcj5cbn1cblxuZXhwb3J0IGRlZmF1bHQgUGx1cmFsQ291bnRlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var PluralCounter = function PluralCounter(_ref) {
+  var _ref2, _rest$currentVal;
+  var singularLabel = _ref.singularLabel,
+    pluralLabel = _ref.pluralLabel,
+    executeOnChange = _ref.executeOnChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var Label = function Label(p) {
+    return _jsxs("div", {
+      children: [p.val, " ", p.val === 1 ? singularLabel : pluralLabel, _jsxs(WidthFix, {
+        children: [rest.maxVal, " ", pluralLabel]
+      })]
+    });
+  };
+  var _useState = useState(_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];
+  var onChange = function onChange(s) {
+    setCurrentLabel(_jsx(Label, {
+      val: s
+    }));
+    if (executeOnChange) executeOnChange(s);
+  };
+  return _jsx(Counter, _objectSpread({
+    executeOnChange: onChange,
+    label: currentLabel
+  }, rest));
+};
+export default PluralCounter;

package/counter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Counter } from './Counter';
+export { default as PluralCounter } from './PluralCounter';

package/counter/index.js

@@ -0,0 +1,2 @@
+export { default as Counter } from './Counter';
+export { default as PluralCounter } from './PluralCounter';

package/data-table/DataTable.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export type DataTableProps = {
+    children?: React.ReactNode;
+    onChange?: (model: object[]) => object[];
+    columns?: string[];
+    data: object[];
+    className?: string;
+    hasHeader?: boolean;
+};
+export declare const DataTable: FunctionComponent<DataTableProps>;
+export default DataTable;

package/data-table/DataTable.js

@@ -0,0 +1,103 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "onChange", "columns", "data", "hasHeader"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _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(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React, { useReducer } from 'react';
+import { css } from '@emotion/react';
+import { Checkbox } from '../forms/checkbox';
+import { theme } from '@dfds-ui/theme';
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+var tableStyle = function tableStyle() {
+  return /*#__PURE__*/css("text-align:left;border-collapse:collapse;width:100%;border:none;color:", theme.colors.text.dark.primary, ";font-size:12px;tr{border-top:1px solid ", theme.colors.text.dark.disabled, ";border-bottom:1px solid ", theme.colors.text.dark.disabled, ";}th,td{padding:16px;label{color:", theme.colors.primary.main, ";font-weight:bold;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9mb3Jtcy9jaGVja2JveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNoYW5nZT86IChtb2RlbDogb2JqZWN0W10pID0+IG9iamVjdFtdXG4gIGNvbHVtbnM/OiBzdHJpbmdbXVxuICBkYXRhOiBvYmplY3RbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGFzSGVhZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCB0YWJsZVN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgfVxuICB0aCxcbiAgdGQge1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgVE9HR0xFID0gJ3RvZ2dsZSdcblxuZnVuY3Rpb24gcmVkdWNlcihtb2RlbDogYW55LCBhY3Rpb246IGFueSk6IG9iamVjdFtdIHtcbiAgY29uc3QgbmV3TW9kZWwgPSBbLi4ubW9kZWxdXG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlIFRPR0dMRTpcbiAgICAgIG5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlID0gIW5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlXG4gICAgICByZXR1cm4gbmV3TW9kZWxcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG5ld01vZGVsXG4gIH1cbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuZXhwb3J0IGNvbnN0IERhdGFUYWJsZTogRnVuY3Rpb25Db21wb25lbnQ8RGF0YVRhYmxlUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBjb2x1bW5zLFxuICBkYXRhLFxuICBoYXNIZWFkZXIsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21vZGVsLCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHJlZHVjZXIsIGRhdGEpXG4gIGNvbnN0IGRhdGFLZXlzID0gT2JqZWN0LmtleXMobW9kZWxbMF0pXG4gIGNvbnN0IGRpc3BsYXlDb2x1bW5zID0gY29sdW1ucyA/IGNvbHVtbnMgOiBkYXRhS2V5c1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShtb2RlbClcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBlc2xpbnQtcmVhY3QvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFttb2RlbF0pXG5cbiAgcmV0dXJuIChcbiAgICA8dGFibGUgY3NzPXt0YWJsZVN0eWxlKCl9IHsuLi5yZXN0fT5cbiAgICAgIHtoYXNIZWFkZXIgJiYgKFxuICAgICAgICA8dGhlYWQ+XG4gICAgICAgICAgPHRyPlxuICAgICAgICAgICAge2Rpc3BsYXlDb2x1bW5zLm1hcCgoa2V5LCBpKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiA8dGgga2V5PXtpfT4ge2tleX0gPC90aD5cbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGhlYWQ+XG4gICAgICApfVxuICAgICAgPHRib2R5PlxuICAgICAgICB7ZGF0YS5tYXAoKHZhbHVlT2JqOiBhbnksIGkpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHRyIGtleT17aX0+XG4gICAgICAgICAgICAgIHtkYXRhS2V5cy5tYXAoKGtleTogYW55LCB5KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGtleSA9PT0gJ2ZpZWxkJykge1xuICAgICAgICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB2YWx1ZSwgbGFiZWwgfSA9IHZhbHVlT2JqLmZpZWxkXG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8dGQga2V5PXt5fT5cbiAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGF0Y2goeyB0eXBlOiBUT0dHTEUsIGtleTogaSB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NoZWNrYm94PlxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIDx0ZCBrZXk9e3l9PiB7dmFsdWVPYmpba2V5XX0gPC90ZD5cbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGF0YVRhYmxlXG4iXX0= */");
+};
+var TOGGLE = 'toggle';
+function reducer(model, action) {
+  var newModel = _toConsumableArray(model);
+  switch (action.type) {
+    case TOGGLE:
+      newModel[action.key].field.value = !newModel[action.key].field.value;
+      return newModel;
+    default:
+      return newModel;
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export var DataTable = function DataTable(_ref) {
+  var children = _ref.children,
+    onChange = _ref.onChange,
+    columns = _ref.columns,
+    data = _ref.data,
+    hasHeader = _ref.hasHeader,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useReducer = useReducer(reducer, data),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    model = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var dataKeys = Object.keys(model[0]);
+  var displayColumns = columns ? columns : dataKeys;
+  React.useEffect(function () {
+    if (onChange) {
+      onChange(model);
+    }
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
+  }, [model]);
+  return _jsxs("table", _objectSpread(_objectSpread({
+    css: tableStyle()
+  }, rest), {}, {
+    children: [hasHeader && _jsx("thead", {
+      children: _jsx("tr", {
+        children: displayColumns.map(function (key, i) {
+          return _jsxs("th", {
+            children: [" ", key, " "]
+          }, i);
+        })
+      })
+    }), _jsx("tbody", {
+      children: data.map(function (valueObj, i) {
+        return _jsx("tr", {
+          children: dataKeys.map(function (key, y) {
+            if (key === 'field') {
+              var _valueObj$field = valueObj.field,
+                name = _valueObj$field.name,
+                value = _valueObj$field.value,
+                label = _valueObj$field.label;
+              return _jsx("td", {
+                children: _jsx(Checkbox, {
+                  name: name,
+                  checked: value,
+                  onChange: function onChange() {
+                    dispatch({
+                      type: TOGGLE,
+                      key: i
+                    });
+                  },
+                  children: label
+                })
+              }, y);
+            }
+            return _jsxs("td", {
+              children: [" ", valueObj[key], " "]
+            }, y);
+          })
+        }, i);
+      })
+    })]
+  }));
+};
+export default DataTable;

package/data-table/index.d.ts

@@ -0,0 +1 @@
+export * from './DataTable';

package/data-table/index.js

@@ -0,0 +1 @@
+export * from './DataTable';

package/divider/Divider.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type DividerProps = {
+    /**
+     * Display the Divider in "light" mode.
+     */
+    light?: boolean;
+    /**
+     * Display the Divider in "indent" style
+     */
+    indent?: boolean;
+    /**
+     *  Display the Divider in "margin" style
+     */
+    margins?: boolean;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+};
+export declare const dividerBorder: (light?: boolean, placement?: "top" | "bottom") => import("@emotion/utils").SerializedStyles;
+export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => React.JSX.Element;
+export default Divider;

package/divider/Divider.js

@@ -0,0 +1,46 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["light", "indent", "margins"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var colors = theme.colors;
+
+// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
+export var dividerBorder = function dividerBorder(light, placement) {
+  var border = "1px solid ".concat(light ? colors.divider.light : colors.divider.dark);
+  return /*#__PURE__*/css("border-top:", placement === 'top' && border, ";border-bottom:", placement === 'bottom' && border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dividerBorder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDWSIsImZpbGUiOiIuLi8uLi9zcmMvZGl2aWRlci9EaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBEaXZpZGVyUHJvcHMgPSB7XG4gIC8vdG9kbzogY29udmVydCB0byBzdXJmYWNlIGNvbmNlcHQgYW5kIHJlbW92ZSBsaWdodFxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImxpZ2h0XCIgbW9kZS5cbiAgICovXG4gIGxpZ2h0PzogYm9vbGVhblxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImluZGVudFwiIHN0eWxlXG4gICAqL1xuICBpbmRlbnQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiAgRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcIm1hcmdpblwiIHN0eWxlXG4gICAqL1xuICBtYXJnaW5zPzogYm9vbGVhblxuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbi8vIENhbiBiZSB1c2VkIHRvIGNyZWF0ZSBhIHNpbXBsZSBkaXZpZGVyIHdpdGggYSBjc3MgYm9yZGVyIGFuZCBzdGlsbCBhZGhlcmUgdG8gdGhlIGNvbG9ycyBkZWZpbmVkIGZvciBkaXZpZGVycy5cbmV4cG9ydCBjb25zdCBkaXZpZGVyQm9yZGVyID0gKGxpZ2h0PzogYm9vbGVhbiwgcGxhY2VtZW50PzogJ3RvcCcgfCAnYm90dG9tJykgPT4ge1xuICBjb25zdCBib3JkZXIgPSBgMXB4IHNvbGlkICR7bGlnaHQgPyBjb2xvcnMuZGl2aWRlci5saWdodCA6IGNvbG9ycy5kaXZpZGVyLmRhcmt9YFxuICByZXR1cm4gY3NzYFxuICAgIGJvcmRlci10b3A6ICR7cGxhY2VtZW50ID09PSAndG9wJyAmJiBib3JkZXJ9O1xuICAgIGJvcmRlci1ib3R0b206ICR7cGxhY2VtZW50ID09PSAnYm90dG9tJyAmJiBib3JkZXJ9O1xuICBgXG59XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuaHI8eyBsaWdodD86IGJvb2xlYW47IGluZGVudD86IGJvb2xlYW47IG1hcmdpbnM/OiBib29sZWFuIH0+YFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLmxpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrKX07XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMCAkeyhwKSA9PiAocC5tYXJnaW5zID8gdGhlbWUuc3BhY2luZy5tIDogMCl9IDAgJHsocCkgPT4gKHAubWFyZ2lucyB8fCBwLmluZGVudCA/IHRoZW1lLnNwYWNpbmcubSA6IDApfTtcbmBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXIgPSAoeyBsaWdodCwgaW5kZW50LCBtYXJnaW5zLCAuLi5yZXN0IH06IERpdmlkZXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZERpdmlkZXIgbGlnaHQ9e2xpZ2h0fSBpbmRlbnQ9e2luZGVudH0gbWFyZ2lucz17bWFyZ2luc30gcm9sZT1cInNlcGFyYXRvclwiIHsuLi5yZXN0fSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBEaXZpZGVyXG4iXX0= */");
+};
+var StyledDivider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "production" ? {
+  target: "e1rrvlkn0"
+} : {
+  target: "e1rrvlkn0",
+  label: "StyledDivider"
+})("border:none;background-color:", function (p) {
+  return p.light ? colors.divider.light : colors.divider.dark;
+}, ";max-width:100%;height:1px;margin:0 ", function (p) {
+  return p.margins ? theme.spacing.m : 0;
+}, " 0 ", function (p) {
+  return p.margins || p.indent ? theme.spacing.m : 0;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
+export var Divider = function Divider(_ref) {
+  var light = _ref.light,
+    indent = _ref.indent,
+    margins = _ref.margins,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(StyledDivider, _objectSpread({
+    light: light,
+    indent: indent,
+    margins: margins,
+    role: "separator"
+  }, rest));
+};
+export default Divider;

package/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';